<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Angular JS Api</title>
    <script src="js/angular.min.js"></script>
</head>
<body>
<!--angular.lowercase()-->
<!--<div ng-app="myApp" ng-controller="myCtrl">-->
    <!--<p>{{x1}}</p>-->
    <!--<p>{{x2}}</p>-->
<!--</div>-->
<!--<script>-->
    <!--var app = angular.module('myApp', []);-->
    <!--app.controller('myCtrl', function ($scope) {-->
        <!--$scope.x1 = "JOHN";-->
        <!--$scope.x2 = angular.lowercase($scope.x1);-->
    <!--})-->
<!--</script>-->

<!--angular.uppercase()-->
<!--<div ng-app="myApp" ng-controller="myCtrl">-->
    <!--<p>{{x1}}</p>-->
    <!--<p>{{x2}}</p>-->
<!--</div>-->
<!--<script>-->
    <!--var app = angular.module('myApp', []);-->
    <!--app.controller('myCtrl', function ($scope) {-->
        <!--$scope.x1 = "John";-->
        <!--$scope.x2 = angular.uppercase($scope.x1);-->
    <!--})-->
<!--</script>-->

<!--angular.isString()-->
<!--<div ng-app="myApp" ng-controller="myCtrl">-->
    <!--<p>{{x1}}</p>-->
    <!--<p>{{x2}}</p>-->
<!--</div>-->
<!--<script>-->
    <!--var app = angular.module('myApp', []);-->
    <!--app.controller('myCtrl', function ($scope) {-->
        <!--$scope.x1 = "JOHN";-->
        <!--$scope.x2 = angular.isString($scope.x1);-->
    <!--})-->
<!--</script>-->

<!--angular.isNumber()-->
<div ng-app="myApp" ng-controller="myCtrl">
    <p>{{x1}}</p>
    <p>{{x2}}</p>
</div>
<script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function ($scope) {
        $scope.x1 = "JOHN";
        $scope.x2 = angular.isNumber($scope.x1);
    })
</script>
</body>
</html>